h1  {
    color: rgb(12, 90, 67);
    font-size: 25px;
    line-height: 20px;
}

h2 {
    color: blueviolet;
    font-size: 10px;
}

nav {
    position: fixed;
    background-color: cadetblue;
    font-size: 20px;
}
body {
    width: 1900px;
    background-color: rgb(212, 248, 240);
}

.t {
    font-size: 30px;
    font-family: "宋体";
    font-weight: bold;
    color: rgb(233, 97, 18);
}

span#catdog {
    display: block;
    /* transform: perspective(100px) rotateY(20deg) translate(50px,20px); */
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: linear;
    margin: 0 auto;
}
span#catdog:hover {
    transform: perspective(100px) rotateY(20deg) translate(50px,20px);
}

#box {
    height: 200px;
    background-color: aquamarine;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: linear;
}
#box:hover {
    height: 400px;
    background-color: blue;
}

#header {
    background-image: url(../imgs/head.jpg);
    border: black 2px solid;
    height: 150px;
    /* margin-left: 5px; */

}

#keepl_1 {
    background-color: rgb(212, 248, 240,);
    height: 50px;
    width: 185px;
    float: left;
}

#keepl_2 {
    background-color: rgb(223, 220, 217);
    height: 700px;
    width: 185px;
    float: left;
    border-radius: 30px / 60px;
}

#keepr_1 {
    background-color: rgb(212, 248, 240);
    height: 50px;
    width: 185px;
    float: left;
}

#keepr_2 {
    background-color: rgb(223, 220, 217);
    height: 700px;
    width: 185px;
    float: left;
    border-radius: 30px / 60px;
}

#div_mid_l {
    background-color: rgb(255, 255, 255, 0);
    height: 50px;
    width: 510px;
    float: left;
    left: 90px;

}

#div_mid_m {
    background-color: rgb(255, 255, 255);
    height: 50px;
    width: 510px;
    float: left;

}

#div_mid_r {
    background-color: rgb(255, 255, 255);
    height: 50px;
    width: 510px;
    right: 90px;
    float: left;

}


#div_mid_ld {
    background-color: coral;
    height: 700px;
    width: 510px;
    float: left;
    border-radius: 10px 10px 10px 10px;

}

#div_mid_ld_1 {
    text-align: center;
    line-height: 100px;
    width:130px;
    height:100px;
    background:red;
    position:relative;
    animation:mymove 8s infinite;
}

#div_mid_md {
    background-color: darkmagenta;
    height: 700px;
    width: 510px;
    float: left;
    border-radius: 10px 10px 10px 10px;

}

#div_mid_rd {
    background-color: rgb(72, 187, 57);
    height: 700px;
    width: 510px;
    right: 90px;
    float: left;
    border-radius: 10px 10px 10px 10px;


}

#bottom {
    height: 200px;
    width: 100%;
    background-color: brown;
    float: left;
}